<template>
	<div class="imgviewbox" @click="guanbi()">
		<!--<div class="img-box">-->
			<img :src="'http://www.ntyouxuan.com/'+imgurl"/>
		<!--</div>-->
	</div>
</template>

<script>
	export default{
		name:'imgview',
		props:['imgurl'],
		data () {
			return{
				img:'',
			}
		},
		created:function(){
			this.img=this.imgurl;
		},
		mounted:function(){
			
		},
		methods:{
			guanbi:function(){
				this.$emit('imgfalse');
			}
		}
	}
</script>

<style>
	.imgviewbox{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,1);z-index: 1000;}
	/*.img-box{
		position:absolute;
		/*top:50%;
		left:50%;*/
		/*transform:translate(-50%,-50%);*/
		/*box-sizing: border-box;
		max-width: 100%;
		max-height: 100%;
		border-radius:0.1rem;*/
	/*}*/
	.imgviewbox>img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		max-width: 100%;
		max-height: 100%;
	}
</style>